<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="./Public/jquery-1.8.2.min.js"></script>	
		<script type="text/javascript" src="./Public/Home/Js/content.js"></script>			
		<link rel="stylesheet" href="./Public/Home/css/content.css" />
		<title>无标题文档</title>
	</head>

	<body>
		<!--顶部开始-->
		<div id="roof">
			<div id="roof_top">
				<ul id="roof_top1">
					<li class="roof_text">
						<a href="">华为官网</a>
					</li>
					<div class="fen"></div>
					<li class="roof_text1">
						<a href="">华为荣耀</a>

					</li>
					<div class="fen"></div>
					<li class="roof_text2">
						<a href="">软件应用</a>
						<div></div>
					</li>
					<div class="fen"></div>
					<li class="roof_text1">
						<a href="">花粉俱乐部</a>
					</li>
					<div class="fen"></div>
					<li class="roof_text1">
						<a href="">Select Region</a>

					</li>
				</ul>
				<ul id="roof_right">
					<li class="roof_right1">
						<a class="dengru" href="">登录</a>
						<a class="zhuce" href="">注册</a>
					</li>
					<div class="fen"></div>
					<li class="roof_right2">
						<a href="">我的订单</a>
					</li>
					<div class="fen"></div>
					<li class="roof_right2">
						<a href="">V码(优购码)</a>
					</li>
					<div class="fen"></div>
					<li class="roof_right2">
						<a href="">手机版</a>
					</li>
					<div class="fen"></div>
					<li class="roof_right3">
						<a href="">网站导航</a>
						<div></div>
					</li>
				</ul>
			</div>
		</div>
		<!--顶部结束-->
		<!--搜索栏开始-->
		<div id="search">
			<div class="logo">
				<a href="">
					<img src="./Public/Home/images/newLogo.png" alt="" />
				</a>
			</div>
			<div class="search_centre">
				<form action="">
					<input placeholder="荣耀6 plus" class="ss" type="text" name="" id="" value="" />
					<input class="submit" type="submit" name="" id="" value="搜索" />
				</form>
				<div class="search_centre1">
					<div>热门搜索：</div>
					<a href="">5X</a>
					<a href="">荣耀7</a>
					<a href="">Mate S</a>
					<a href="">4A</a>
					<a href="">Mate 8</a>
					<a href="">热门配件</a>
				</div>
			</div>
			<!--搜索栏结束-->
			<!--购物车开始-->
			<div id="shop">
				<div class="shop1">
					<a href="">我的商城</a>
					<div class="shixian"></div>
				</div>
				<div class="fen1"></div>
				<div class="shop1">
					<a href="">购物车</a>
					<div class="shixian"></div>
				</div>
			</div>
			<!--购物车结束-->
			<!--二维码开始-->
			<div id="erweima">
				<a class="erweima1" href=""><img src="./Public/Home/images/erweima.jpg" alt="" /></a>
				<a class="erweima2" href="">扫码下载客户端</a>
			</div>
			<!--二维码结束-->
		</div>
		<!--导航开始-->
		<div id="navigation">
			<ul class="navigation1">
				<li class="countshop">全部商品</li>
				<li class="countshop1">
					<a href="">首页</a>
				</li>
				<li class="countshop2">
					<a href="">荣耀家族日场</a>
					<img src="./Public/Home/images/hot.png" alt="" />
				</li>
				<li class="countshop3">
					<a href="">HUAWEI Mate 8</a>
				</li>
				<li class="countshop4">
					<a href="">荣耀6直降200</a>

				</li>
				<li class="countshop5">
					<a href="">HUAWEI WATCH</a>
				</li>
				<li class="countshop6">
					<a href="">精彩频道</a>
					<div></div>
				</li>
			</ul>
		</div>
		<!--导航结束-->
		
	
	
<!--内容开始-->
		<!--顶部文字开始-->
		<div id="tag">
			<a href="">首页</a>
			>
			<a href="">手机</a>
			>
			<a href="">华为 Mate/P系列</a>
			>
			<span>华为 HUAWEI Mate S 臻享版 移动/联通双4G（星辰银）</span>
			
		</div>		
		<!--顶部文字结束-->
		
		<!--购物选择信息开始-->
		<div id="choose">
			<!--左边开始-->
			<div class="choose_left">
				

				<div id="big_big">
			
					<img id="big_left" src="{{$pdata['bigdrawing'][0]}}" alt="" />
					
					<div id="seku"></div>
					<div id="cover"></div>
				</div>
				
				
				
				
				<div id="big_right">
					<img id="p_img" src="{{$pdata['bigdrawing'][0]}}" alt="" />									
				</div>

				
				
			</div>
			<div id="lunbo_k2">
				<div class="lunbo_k">
					<a class="jt_left" href=""></a>
					<a class="jt_right" href=""></a>
				</div>
				<div id="lunbo_k1">
					<div class="lunbo">	
						{{foreach from="$pdata['bigdrawing']" value="$v"}}
						<a class="big_xiao1" href="">
							<img class="big_xiao" src="{{$v}}" alt="" />
					</a>
						{{endforeach}}				
					</div>
				</div>
			</div>


			<!--左边开始-->
			<div class="zx">
				
			</div>
			<!--右边开始-->
			<div class="choose_right">
				<span class="jies name">{{$gdata['gname']}}</span>
				<span class="jies1">{{$pdata['goodsdetail']}}</span>
				
				<!--线-->
				<span class="xian"></span>
				<!--线-->				
				
				<div class="jiage1">
					<span>华 为  价：</span>
					<p class="jiage">{{$gdata['cheap']}}.00</p>
					<input type="hidden" name="cheap"  value="{{$gdata['cheap']}}" />
				</div>
				<div class="bianma">
					<span>商品编码：</span>
					<p>{{$gdata['coding']}}</p>
				</div>
				<div class="xx">
					<span>商品评分：</span>
					<div></div>
					<a href="">（共 1378 条评论）</a>
				</div>
				<div class="bianma">
					<span> 运&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：</span>
					<p>&nbsp;满 99 免运费</p>
				</div>
				<div class="bianma">
					<span> 服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</span>
					<p>&nbsp;由华为商城负责发货，并提供售后服务</p>
				</div>
				
				<!--线-->
				<span class="xian1"></span>
				<!--线-->
				
				<!--爱好选择开始-->
				<div id="xuanze">
					{{foreach from="$sp" value="$v"}}
					<dl class="kuangshi">
						<dt>{{$v[0]['naname']}}：</dt>
						
							<dd class="gou1" style="margin-bottom: 20px;">
								{{foreach from="$v" value="$vv"}}
								<div class="div" name="{{$vv['shopvalue']}}"   gid="{{$_GET['gid']}}">
									<a style="color: #333333;" sid="{{$vv['sid']}}" href="javascript:;">{{$vv['shopvalue']}}</a>
									<div class="gou" style="display:none;"></div>
								</div>								
								{{endforeach}}
							</dd>

					</dl>
					{{endforeach}}

				</div>
				<!--爱好选择结束-->
				<!--购买数量开始-->
				<div id="shuliang">
					<dl>
						<dt>购买数量：</dt>
						<dd>
							<!--<a class="jian" href=""></a>
							<input type="text" name="" id="" value="1" />
							<a class="jia" href=""></a>-->
						<select class="jiaz" name="num">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
						</select>
						</dd>
					</dl>
				</div>
				<!--购买数量结束-->
				</dr>
				<!--购物车开始-->
				
				
				
				<div id="gouwu">
					<div class="gouwu_shop">
						<span></span>
						<span style="color: #E01D20;"></span>
					</div>
					<a class="gouwu_shop1" gid="{{$_GET['gid']}}" href="javascript:;">
						<span class="spa">加入购物车</span>
					</a>
				</div>
				
				
				
				<div id="gouwu1" style="display: none;">
					<span class="tishi">商品成功放入购物车</span>
					<span class="tishi_x"></span>
					<div class="CarBox_Content" >
						<div  class="CarBox_bg"></div>
						<div class="heji">
				      		<p>
				      			<span>共有</span>
				      			<span id="num" class="shopcarcount"></span>
				      			<span>商品</span>
				      		</p>
				      		<p>
			      				<span>总计</span>
		      					<span id="price" class="shopcarcount">￥</span>
				      		</p>
				      	</div>
			      		<div class="CarBox_Btn">
       					   <a class="shop" href="{{U('Shop/index')}}"><<去结算>></a>
        				</div>				      	
					</div>
				</div>
				<!--购物车结束-->
			</div>
			<!--右边结束-->
		</div>
		<!--购物选择信息结束-->
		<!--内容结束-->
		
		<!--给购物加点击事件-->
		<script type="text/javascript">
		$(function(){
			$('.spa').click(function(){
//				alert(1);
//				商品价格
				var jiage=$('.jiage').html();
//				alert('jiage');
//				商品名
				var name =$('.name').html();
//				购买数量
				var num=$('option:selected').html();
//				当前属性的gid
				var gid=$('.gouwu_shop1').attr('gid');
//				alert(gid);
//				声明空数组对象
				var sid={};
				
				var length=$('.skuu').length;
//				alert(length);
				if({{count($sp)}}>length){
//					alert(1);
					alert("请选择商品规格");
				}else{
//					循环压入属性
					$.each($(".skuu"),function(k,v){
						sid[k]=$(this).attr('sid');
//						alert(gaid[k]);
					});
//					组成对象
					var dataed={
						'gid':gid,
						'sid':sid,
						'num':num,
						'jiage':jiage,
						'name':name
					}
					
					$.ajax({
//						请求发送
						type:"post",
//						请求地址
						url:"{{U('Shop/ajaxCar')}}",
//						发送内容
						data:dataed,
						dataType:'json',
//						接收结果
						success:function(phpData){
							if(phpData){
//								alert(phpData.total);
								$('#num').html(phpData.total);
								$('#price').html(phpData.price);
								$('#gouwu1').css({display:"block"});
							}
						}
					})

//					显示隐藏的购物车
					$('#gouwu1').css({display:"block"});
//					点击x消失
					$('.tishi_x').click(function(){
						$('#gouwu1').css({display:"none"});
					});
				}
			})			
		})

		</script>
		
		
		
		<!--推荐搭配开始-->
		<div id="tuijian">
			<ul class="top">
				<li >推荐搭配</li>
			</ul>
			<div class="botton_left">
				<ul>
					<li class="jia_tu">
						<a class="xiang"  href="">
							<img src="./Public/Home/images/lb6.jpg" alt="" />
						</a>
						<p class="p_price">华为价：¥4199.00</p>
						<p class="p_name">
							<a class="p_name1" href="">华为 HUAWEI Mate S 臻享版 移动/联通双4G（星辰银）</a>
						</p>
					</li>
					<li class="jia_tu1">
						<a class="xiang" href="">
							<img src="./Public/Home/images/lb7.jpg" alt="" />
						</a>
						<p class="p_name">
							<a class="p_name1" href="">Mate S 真皮保护壳</a>
						</p>
						<p class="p_price">
							¥299.00 
						</p>
						<span class="jiahao"></span>
					</li>	
				</ul>
		
			</div>
			<div class="botton_right">
				<p class="dapei">以搭配：
					0
					件
				</p>
				<p class="p_price">组合价：¥4199.00</p>
				<p class="p_button">
					<a href="">
						加入购物车
					</a>
				</p>	
			</div>
			<div class="xian"></div>
		</div>
		<!--推荐搭配结束-->

		<!--商品详情开始-->
		
		<div id="zhangshi">
			<!--浏览历史 开始-->
			<div class="history">
				<div class="history_top">
					<span class="history_text">
						<p>
最近浏览过的商品</p>
						<a class="laji" href=""></a>
					</span>
				</div>
				<div class="history_botton">
					<div class="history_botton1">
						<a class="p_img" href="">
							<img src="./Public/Home/images/history.jpg" alt="" />
						</a>
						<p class="p_name">
							<a href="">华为 HUAWEI Mate S</a>
						</p>
						<p class="p_price">¥4199</p>
					</div>
				</div>
			</div>
			<!--浏览历史结束-->
			<!--查看消息开始-->
			<div id="information">
				<div class="information_tab">
					<ul>
						<li class="information_button1">
							<a href="">
								<span>商品详情</span>
							</a>
						</li>
						<li class="information_button2">
							<a href="">用户评价</a>
						</li>
						<li class="information_button3">
							<a href="">规格参数</a>
						</li>
						<li class="information_button3">
							<a href="">包装清单</a>
						</li>
						<li class="information_button3">
							<a href="">软件下载</a>
						</li>
						<li class="information_button3">
							<a href="">售后服务</a>
						</li>
					</ul>
				</div>
			<!--图片详情开始-->
				<div id="information_img">
					<div class="information_img1">
						<p class="p_img1"><img src="./Public/Home/images/g8.png" alt="" /></p>
						<p class="p_img2"><img src="./Public/Home/images/g9.png" alt="" /></p>
						<p class="p_img3"><img src="./Public/Home/images/g10.png" alt="" /></p>
						<p class="p_img4"><img src="./Public/Home/images/g11.png" alt="" /></p>
					</div>
				</div>
			<!--图片详情结束-->
			</div>
			<!--查看消息结束-->
		</div>
		<!--商品详情结束-->
		
		<div class="xxx">
			
		</div>
		
		<!--保障开始-->
		<div id="baozhang">
			<ul>
				<li class="baozhang1">
					<div></div>
					500强企业 品质保证
				</li>
				<li class="baozhang2">
					<div></div>
					7天退货 15天换货
				</li>
				<li class="baozhang3">
					<div></div>
					99元起免运费
				</li>
				<li class="baozhang4">
					<div></div>
					448家维修网点 全国联保
				</li>
			</ul>
		</div>
		<!--保障结束-->
		<!--信息开始-->
		<div id="xinx">
			<div class="xinx1">
				<dl class="s1">
					<dt>
						<p></p>
						帮助中心
					</dt>
					<dd>
						<a href="">购物指南</a>
						<a href="">配送方式</a>
						<a href="">支付方式</a>
						<a href="">常见问题</a>
					</dd>
				</dl>
				<dl class="s2">
					<dt>
						<p></p>
						售后服务
					</dt>
					<dd>
						<a href="">保修政策</a>
						<a href="">退换货政策</a>
						<a href="">退换货流程</a>
						<a href="">手机寄修服务</a>
					</dd>
				</dl>
				<dl class="s3">
					<dt>
						<p></p>
						技术支持
					</dt>
					<dd>
						<a href="">售后网点</a>
						<a href="">常见问题</a>
						<a href="">产品手册</a>
						<a href="">软件下载</a>
					</dd>
				</dl>
				<dl class="s4">
					<dt>
						<p></p>
						关于商城
					</dt>
					<dd>
						<a href="">公司介绍</a>
						<a href="">华为商城简介</a>
						<a href="">联系客服</a>
					</dd>
				</dl>
				<dl class="s5">
					<dt>
						<p></p>
						关注我们
					</dt>
					<dd>
						<a href="">新浪微博</a>
						<a href="">腾讯微博</a>
						<a href="">花粉社区</a>
						<a href="">商城手机版</a>
					</dd>
				</dl>
			</div>
		</div>
		<!--信息结束-->
		<!--底部友情链接开始-->
		<div id="footer">
			<div class="footer_text">
				<p class="footer_text1">热门华为手机： &nbsp;|</p>
				<a href="">华为Mate8</a>
				<p>|</p>
				<a href="">华为Mate S</a>
				<p>|</p>
				<a href="">荣耀7</a>
				<p>|</p>
				<a href="">华为P8</a>
				<p>|</p>
				<a href="">荣耀7i</a>
				<p>|</p>
				<a href="">荣耀畅玩5X</a>
				<p>|</p>
				<a href="">Ascend Mate7</a>
				<p>|</p>
				<a href="">荣耀畅玩4C</a>
				<p>|</p>
				<a href="">荣耀6 Plus</a>
				<p>|</p>
				<a href="">荣耀4A</a>
				<p>|</p>
				<a href="">华为麦芒4</a>
				<p>|</p>
				<a href="">荣耀X2</a>
				<p>|</p>
				<a href="">荣耀6 </a>
				<a href="">荣耀畅玩4X</a>
				<p>|</p>
				<a href="">以旧换新</a>
				<p>|</p>
			</div>
			<div class="footer_area">
				<p>Copyright © 2011-2015 华为软件技术有限公司 版权所有 保留一切权利 苏B2-20130048号 | 苏ICP备09062682号-9 </p>
				<p>网络文化经营许可证苏网文[2012]0401-019号</p>
				<div>
					<a href=""><img src="./Public/Home/images/g5.png" alt="" /></a>
					<a style="margin-left: 4px;margin-right: 4px;" href=""><img src="./Public/Home/images/g6.png" alt="" /></a>
					<a href=""><img src="./Public/Home/images/g7.png" alt="" /></a>
				</div>
			</div>
		</div>
		<!--底部友情链接结束-->
	</body>

</html>